<template>
	<view class="bazi_info" v-if="obj.xingzuo_female">
	
	
		<view class="base_info" style="display: flex;align-items: center;flex-wrap: wrap;">
			
			<view class="show">
				<text class="l">男方星座:</text>
				<text class="r">{{obj.xingzuo_male}}</text>
	
			</view>
			<view class="show">
				<text class="l">女方星座:</text>
				<text class="r">{{obj.xingzuo_female}}</text>
			</view>
			<view class="show">
				<text class="l">配对比重:</text>
				<text class="r">{{obj.description.pdbz}}</text>
			</view>
			<view class="show">
				<text class="l">两情相悦指数:</text>
				<text class="r" style="padding-left: 10rpx;">{{obj.description.lqxyzh}}</text>
			</view>
			<view class="show">
				<text class="l">天长地久指数:</text>
				<text class="r" style="padding-left: 10rpx;">{{obj.description.tcdjzs}}</text>
			</view>
			<view class="show">
				<text class="l">配对指数:</text>
				<text class="r">{{obj.description.pdzs}}</text>
			</view>
	
			<view class="show" style="width: 100%;">
				<text class="l">配对结果:</text>
				<text class="r">{{obj.description.jgps}}</text>
			</view>
		</view>
	
		<view class="base_info">
	
	
			<view class="details">
				<view class="names">
					<text>工作分数：</text>
					<text>{{obj.description.gzfs}}分</text>
				</view>
				<view class="des">
					<text class="des_deta">{{obj.description.gzpd}}</text>
				</view>
	
			</view>
			<view class="details">
				<view class="names">
					<text>爱情分数：</text>
					<text>{{obj.description.aqfs}}分</text>
				</view>
				<view class="des">
	
					<text class="des_deta">{{obj.description.aqpd}}</text>
				</view>
	
			</view>
			<view class="details">
				<view class="names">
					<text>金钱分数：</text>
					<text>{{obj.description.jqfs}}分</text>
				</view>
				<view class="des">
	
					<text class="des_deta">{{obj.description.jqpd}}</text>
				</view>
	
			</view>
			<view class="details">
				<view class="names">
					<text>健康分数：</text>
					<text>{{obj.description.jkfs}}分</text>
				</view>
				<view class="des">
	
					<text class="des_deta">{{obj.description.jkpd}}</text>
				</view>
	
			</view>
	
		</view>
		<view class="names">
			<text class="la">恋爱建议：</text>
			<text>{{obj.description.lajy}}</text>
		</view>
	
	
	
		<view class="names">
			<text class="la">注意事项：</text>
			<text>{{obj.description.zysx}}</text>
		</view>
		<view class="yl">
			<text>仅供娱乐！请勿当真</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				data: {
					"description": {
						"配对指数": "80",
						"配对比重": "50:50",
						"两情相悦指数": "4",
						"天长地久指数": "4",
						"结果评述": "相处和谐的一对",
						"恋爱建议": "两个白羊座的人在一起是相当理想的一对，他们能彼此理解对方的想法，能以轻松愉悦的心情去交往。他们在感情上容易产生共鸣，但若过分干涉，就会有分歧！羊儿是属于热情、开放、直接的人，两个人一旦来电就会迅速好上，因此他们也是众星座中最热情一对情侣。",
						"注意事项": "羊儿个性要强，是天生的领导者，所以他俩会常常因争权而起争执，动不动就杠上出现火爆情形。他们虽然争执多，但也不是没有相敬如宾的时候，只要正确处理双方关系，感情根基厚实，相信你们的争执也就像龙卷风过境一样，来得快去得也快！",
						"工作配对": "白羊男和白羊女在工作上可能会有很强的竞争意识，他们都充满了热情和活力，喜欢追求挑战和目标。他们可能会相互激励，在工作中相互支持，共同努力追求共同的目标。然而，由于双方都有着强烈的个人主义和领导欲望，有时可能会发生意见分歧或冲突。因此，他们需要学会合作和妥协，才能更好地发挥彼此的优势，实现共同的职业目标。",
						"工作分数": "85",
						"爱情配对": "白羊男和白羊女在爱情中可能会有很高的契合度，因为他们都充满了激情和冲动，能够共同享受生活中的刺激和乐趣。他们彼此之间的火花可能会非常强烈，充满了浓烈的爱意和...",
						"爱情分数": "90",
						"金钱配对": "白羊男和白羊女在金钱管理方面可能会有一些挑战，因为他们都倾向于冲动消费和追求享受。他们可能会花费大量的金钱在各种刺激和娱乐活动上，而忽视了长期的理财规划和储...",
						"金钱分数": "70",
						"健康配对": "白羊男和白羊女在健康方面可能都非常注重身体健康，他们充满了活力和精力，喜欢积极参与各种运动和健身活动。他们可能会共同享受户外活动，如跑步、徒步、健身等，保持...",
						"健康分数": "95"
					},
					"xingzuo_male": "白羊男",
					"xingzuo_female": "白羊女"
				},
				obj: {
					description: {
						pdzs: '',
						pdbz: '',
						lqxyzh: '',
						tcdjzs: '',
						jgps: '',
						lajy: '',
						zysx: '',
						gzpd: '',
						gzfs: '',
						aqpd: '',
						aqfs: '',
						jqpd: '',
						jqfs: '',
						jkpd: '',
						jkfs: ''
					},
					xingzuo_male: null,
					xingzuo_female: null
				},
			}
		},
		onLoad(options) {
			this.$api.xzpd({
				xingzuo_female: options.xingzuo_female,
				xingzuo_male: options.xingzuo_male
			}).then((res) => {
				if (res.errcode == 0) {
					this.obj.description = {
						pdzs: res.data.description.配对指数,
						pdbz: res.data.description.配对比重,
						lqxyzh: res.data.description.两情相悦指数,
						tcdjzs: res.data.description.天长地久指数,
						jgps: res.data.description.结果评述,
						lajy: res.data.description.恋爱建议,
						zysx: res.data.description.注意事项,
						gzpd: res.data.description.工作配对,
						gzfs: res.data.description.工作分数,
						aqpd: res.data.description.爱情配对,
						aqfs: res.data.description.爱情分数,
						jqpd: res.data.description.金钱配对,
						jqfs: res.data.description.金钱分数,
						jkpd: res.data.description.健康配对,
						jkfs: res.data.description.健康分数,
					}
			
					this.obj.xingzuo_male = res.data.xingzuo_male
					this.obj.xingzuo_female = res.data.xingzuo_female
			
				} else {
					uni.showToast({
						title: res.errmsg,
						icon: 'none'
					})
				}
			
			})
		},
	}
</script>

<style lang="scss">
	.bazi_info {

		.base_info {
			margin: 20px;
	
			text {
				user-select: all;
			}
	
			.title {
				display: flex;
				padding: 10rpx;
	
				.shu {
	
					width: 5px;
					height: 20px;
					background-color: #e6a84b;
					border-radius: $uni-border-radius-base;
				}
	
				.ti {
					padding-left: 15rpx;
					font-weight: 800;
					font-size: 30rpx;
				}
			}
	
			.show {
				margin-top: 15px;
				width: 50%;
	
				text {
					user-select: all;
				}
	
				.l_ {
					font-size: 28rpx;
					display: inline-block;
					min-width: 50px;
					font-weight: 800;
				}
	
				.l {
					font-size: 28rpx;
					display: inline-block;
					min-width: 80px;
					font-weight: 800;
	
				}
	
				.r {
					font-size: 28rpx;
				}
			}
	
			.details {
				border: 1px solid #e5e5e5;
				border-bottom: none;
				margin-top: 20px;
	
				.names {
					text-align: center;
					color: #e6a84b;
					border-bottom: 1px solid #e5e5e5;
					color: #e6a84b;
					font-weight: 800;
					background-color: #fff3ef;
					height: 50px;
					line-height: 50px;
				}
	
				.des {
					border-bottom: 1px solid #e5e5e5;
					padding-left: 20rpx;
					display: flex;
					align-items: center;
	
					.des_text {
						color: #e6a84b;
						width: 14%;
						font-weight: 800;
						user-select: text;
					}
	
					.des_deta {
						width: 85%;
						line-height: 26px;
						text-indent: 2em;
						user-select: text;
					}
				}
			}
		}
		
		.names {
			margin: 20px;
			text{
				user-select: all;
			}
			.la {
				font-weight: 800;
				color: #000;
				line-height: 38px;
			}
		}
	}
</style>